@charset "UTF-8";
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

.delay1s {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    -ms-animation-delay: 1s;
    animation-delay: 1s
}

.delay2s {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    -ms-animation-delay: 2s;
    animation-delay: 2s
}

.delay3s {
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -o-animation-delay: 3s;
    -ms-animation-delay: 3s;
    animation-delay: 3s
}

.delay4s {
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    -o-animation-delay: 4s;
    -ms-animation-delay: 4s;
    animation-delay: 4s
}

.delay5s {
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    -o-animation-delay: 5s;
    -ms-animation-delay: 5s;
    animation-delay: 5s
}

.delay6s {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s
}

.delay7s {
    -webkit-animation-delay: 7s;
    -moz-animation-delay: 7s;
    -o-animation-delay: 7s;
    -ms-animation-delay: 7s;
    animation-delay: 7s
}

.delay8s {
    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
    -o-animation-delay: 8s;
    -ms-animation-delay: 8s;
    animation-delay: 8s
}

.duration1s {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    -ms-animation-duration: 1s;
    animation-duration: 1s
}

.duration2s {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    -ms-animation-duration: 2s;
    animation-duration: 2s
}

.duration3s {
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -o-animation-duration: 3s;
    -ms-animation-duration: 3s;
    animation-duration: 3s
}

.duration4s {
    -webkit-animation-duration: 4s;
    -moz-animation-duration: 4s;
    -o-animation-duration: 4s;
    -ms-animation-duration: 4s;
    animation-duration: 4s
}

.duration5s {
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    -o-animation-duration: 5s;
    -ms-animation-duration: 5s;
    animation-duration: 5s
}

.duration6s {
    -webkit-animation-duration: 6s;
    -moz-animation-duration: 6s;
    -o-animation-duration: 6s;
    -ms-animation-duration: 6s;
    animation-duration: 6s
}

.duration7s {
    -webkit-animation-duration: 7s;
    -moz-animation-duration: 7s;
    -o-animation-duration: 7s;
    -ms-animation-duration: 7s;
    animation-duration: 7s
}

.duration8s {
    -webkit-animation-duration: 8s;
    -moz-animation-duration: 8s;
    -o-animation-duration: 8s;
    -ms-animation-duration: 8s;
    animation-duration: 8s
}
.head .logo {
    margin: 0 0 0 20px
}

.head-top {
    background-position: center 0;
    height: 855px;
    margin: 0 auto
}

.top-body {
    height: 100%;
    position: relative
}

.head-download {
    position: absolute;
    bottom: 65px;
    left: 50%;
    margin-left: -185px
}

.head-download .down-android, .head-download .down-ios {
    float: left
}

.head-download .down-ios {
    width: 165px;
    height: 47px;
    background-image: url(../images/android.png);
    background-repeat: no-repeat;
    margin-bottom: 120px;
    margin-right: 10px
}

.head-download .down-android {
    width: 165px;
    height: 47px;
    margin-left: 29px;
    background-image: url(../images/iphone.png);
    background-repeat: no-repeat
}

.global-index-zh-cn .head-top {
    height: auto;
    background: #f7f7f7;
}

.global-index-zh-cn .head-top .img-slogan {
    float: left;
    width: 467px;
    height: 239px;
    background-image: url(../images/img_slogan-f9c628.png);
    background-repeat: no-repeat
}

.global-index-zh-cn .head-top .app-mobile {
    float: right;
    margin-top: 71px;
    width: 476px;
    height: 655px;
    background-image: url(../images/app_mobile-b49def.png);
    background-repeat: no-repeat;
    min-width: 500px;
}

.global-index-zh-cn .head-top .head-download {
    bottom: 240px;
    left: 0;
    margin-left: 0
}

.global-index-zh-cn .mobile-bg {
    overflow: hidden;
    
    height: 668px;
    background-repeat: no-repeat;
}

.global-index-zh-cn .mod-filter, .global-index-zh-cn .mod-friend {
    padding-top: 50px;
}

.global-index-zh-cn .ui-demo-filter, .global-index-zh-cn .ui-demo-friend {
    position: relative;
    margin: 94px auto 0
}

.global-index-zh-cn .ui-demo-photo-tag {
    width: 536px;
    height: 368px;
    position: absolute;
    z-index: 77;
    bottom: -44px;
    background-image: url(../images/ui_demo_photo_tag-a69362.gif);
    background-repeat: no-repeat
}

.global-index-zh-cn .ui-demo-filter {
    width: 316px;
    height: 591px;
    margin-left: 67px;
    background-image: url(../images/ui_demo_filter-6d51ac.png);
    background-repeat: no-repeat
}


